<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>58链车-我要买车</title>
<link rel="stylesheet" href="__CSS__/jquery.nstSlider.css">
<link rel="stylesheet" href="__CSS__/common.css">
<link rel="stylesheet" href="__CSS__/list.css">
<script src="__JS__/jquery-1.12.4.min.js"></script>
<script src="__JS__/jquery.nstSlider.min.js"></script>
<script src="__JS__/common.js"></script>
<script src="__JS__/list.js"></script>
<script>
    function jumpUrl(ctr,key,value)
    {
        if (ctr == '')
            ctr = "getlist";
        url = "/index.php?m=App&c=Car&a=" + ctr + "&pa=0&ma=20";
        url = makeurl(key, value, url);
        var big = "0";
        if ($('#header-switch-btn').hasClass('big'))
        {
            big = "1";
        }
        url += "&big=" + big;
        // console.log(url);return;
        window.location.href = url;
    }
    var pagenum = 0;
    var maxcount = {$maxcount};
    var lockajax = false;
    function jumpAjax() {
        if (pagenum * 20 >= maxcount)
        {
            return "";
        }
        
        url = "/svr/list?pa=" + pagenum + "&ma=20";
        return makeurl("", "", url);
    }
    function makeurl( key, value, url)
    {
        if (key == 'or')
            url += '&' + key + '=' + value;
        else
            url += "&or={$or}";
        if (key == 'ci')
            url += '&' + key + '=' + value;
        else
            url += "&ci={$Think.session.ci}";
        if (key == 'pl')
            url += '&' + key + '=' + value;
        else
            url += "&pl={$Think.session.mycity}";
        if (key == 'ke')
            url += '&' + key + '=' + value;
        else
            url += "&ke={$ke}";
        if (key == 'br')
            url += '&' + key + '=' + value;
        else
            url += "&br={$br}";
        if (key == 'se')
            url += '&' + key + '=' + value;
        else
            url += "&se={$se}";
        if (key == 'pr')
            url += '&' + key + '=' + value;
        else
            url += "&pr={$pr}";
        if (key == 'mo')
            url += '&' + key + '=' + value;
        else
            url += "&mo={$mo}";
        if (key == 'ta')
            url += '&' + key + '=' + value;
        else
            url += "&ta={$ta}";
        if (key == 'ag')
            url += '&' + key + '=' + value;
        else
            url += "&ag={$ag}";
        if (key == 'lo')
            url += '&' + key + '=' + value;
        else
            url += "&lo={$lo}";
        if (key == 'di')
            url += '&' + key + '=' + value;
        else
            url += "&di={$di}";
        if (key == 'en')
            url += '&' + key + '=' + value;
        else
            url += "&en={$en}";
        if (key == 'oi')
            url += '&' + key + '=' + value;
        else
            url += "&oi={$oi}";
        if (key == 'con')
            url += '&' + key + '=' + value;
        else
            url += "&con={$con}";
       return url;
    }
    </script>
</head>
<body>
<!-- header start -->
<header class="header clearfix">
    <a class="header-logo" href="/index.php?m=App&c=Index&a=index"></a>
    <div class="header-search-wrap clearfix">
        <a class="header-search-city" href="/index.php?m=App&c=Index&a=listcity">{$Think.session.mycity}&nbsp;</a>
        <button id="header-search-btn" class="header-search-btn">搜索您想要的车</button>
    </div>
    <button id="header-switch-btn" class="header-switch-btn <if condition="$big eq '1' ">big</if>"></button>
</header>
<!-- header end -->

<!-- buycar btn start -->
<a id="buycar-btn" style="display:none" href="/index.php?m=App&c=Index&a=getlist&ci={$Think.session.ci}&pl={$Think.session.mycity}&pa=0&ma=20&or=d">我要买车</a>
<!-- buycar btn end -->

<!-- nav start -->
<nav class="nav">
    <a class="nav-btn" href="javascript:void(0)" data-id="sort">智能排序</a>
    <a href="javascript:jumpUrl('listbrand','','')">品牌</a>
    <a class="nav-btn" href="javascript:void(0)" data-id="price">价格</a>
    <a href="javascript:jumpUrl('listfilter','','')">筛选</a>
</nav>
<!-- nav end -->

<!-- filter start -->
    <if condition="$showreset eq '1'">
        <div class="filter clearfix">
            <ul>
                <notempty name="showke">
                    <li><a name="ke" class="filterkey" href="#">{$showke}</a></li>
                </notempty>
                <notempty name="br">
                    <li><a name="br" class="filterkey" href="#">{$br}</a></li>
                </notempty>
                <notempty name="se">
                    <li><a name="se" class="filterkey" href="#">{$se}</a></li>
                </notempty>
                <notempty name="showpr">
                    <li><a name="pr" class="filterkey" href="#">{$showpr}</a></li>
                </notempty>
                <notempty name="mo">
                    <li><a name="mo" class="filterkey" href="#">{$mo}</a></li>
                </notempty>
                <notempty name="ta">
                    <volist name=":explode(',',$ta)" id="keytag">
                        <li><a name="ta" fullvalue="{$ta}" class="filterkey" href="#">{$keytag}</a></li>
                    </volist>
                </notempty>
                <notempty name="en">
                    <li><a name="en" class="filterkey" href="#">{$en}</a></li>
                </notempty>
                <notempty name="showage">
                    <li><a name="ag" class="filterkey" href="#">{$showage}</a></li>
                </notempty>
                <notempty name="showlong">
                    <li><a name="lo" class="filterkey" href="#">{$showlong}</a></li>
                </notempty>
                <notempty name="oi">
                    <volist name=":explode(',',$oi)" id="keyoi">
                        <li><a name="oi" fullvalue="{$oi}" class="filterkey" href="#">{$keyoi}</a></li>
                    </volist>
                </notempty>
                <notempty name="con">
                    <volist name=":explode(',',$con)" id="keycon">
                        <li><a name="con" fullvalue="{$con}" class="filterkey" href="#">{$keycon}</a></li>
                    </volist>
                </notempty>
                <notempty name="wat">
                    <volist name=":explode(',',$wat)" id="keywat">
                        <li><a name="wat" class="filterkey" href="#">急售</a></li>
                    </volist>
                </notempty>
                <notempty name="sea">
                    <volist name=":explode(',',$sea)" id="keysea">
                        <li><a name="sea" class="filterkey" href="#">7座以上</a></li>
                    </volist>
                </notempty>


            </ul>
            <a href="/index.php?m=App&c=Index&a=getlist&ci={$Think.session.ci}&pl={$Think.session.mycity}&pa=0&ma=20&or=d">重置</a>
        </div>
    </if>
<!-- filter end -->

<!-- list start -->
<ul id="list" class="list <if condition="$big eq '1' ">big</if>">
<volist name="datalist" id="car" key="k" empty="$emptylist">
    <li>
        <a class="clearfix" href="{:U('App/Car/detail',array('id'=>$car[id]))}">
            
            <volist name=":explode(',',$car['imgs'])" id="vx" offset="0" length='1'>
                <img src="__IMAGES__/{$vx}.png">
            </volist>
            <p class="list-title">{$car.na}</p>
            <p class="list-info">{$car.ds}</p>
            <p class="list-price">{$car.cp}万<s>新车{$car.newprice}万</s></p>
        </a>
    </li>
</volist>
</ul>
<!-- list end -->

<p class="loading" style="display:none"><a href='tel:400-100-1313'>更多最新车源信息联系400-100-1313</a></p>

<!-- search start -->
<div id="search" class="search-wrap">
    <div class="search-header clearfix">
        <button id="search-close" class="search-close"></button>
        <div class="search-input">
            <input id="search-input" type="text">
        </div>
        <button id="search-do" class="search-btn"></button>
    </div>
    <div id="history" class="history-wrap">
        <ul class="history">
            <volist name="keysearchlog" id="key">
                <li><a href="/index.php?m=App&c=Index&a=getlist&ci={$Think.session.ci}&pl={$Think.session.mycity}&pa=0&ma=20&or=d&ke={$key.name}">{$key.name}</a></li>
            </volist>
        </ul>
        <empty name="keysearchlog"> <else /><a id="history-clear" class="history-clear" href="javascript:void(0)">清除历史记录</a></empty>

    </div>
    <p class="search-title">热销车系：</p>
    <ul class="search-hot clearfix">
        <li>
            <a href="/index.php?m=App&c=Car&a=getlist&ci={$Think.session.ci}&pl={$Think.session.mycity}&pa=0&ma=20&or=d&se=朗逸">朗逸</a>
        </li>
        <li>
            <a href="/index.php?m=App&c=Car&a=getlist&ci={$Think.session.ci}&pl={$Think.session.mycity}&pa=0&ma=20&or=d&se=高尔夫">高尔夫</a>
        </li>
        <li>
            <a href="/index.php?m=App&c=Car&a=getlist&ci={$Think.session.ci}&pl={$Think.session.mycity}&pa=0&ma=20&or=d&se=速腾">速腾</a>
        </li>
        <li>
            <a href="/index.php?m=App&c=Car&a=getlist&ci={$Think.session.ci}&pl={$Think.session.mycity}&pa=0&ma=20&or=d&se=福克斯">福克斯</a>
        </li>
        <li>
            <a href="/index.php?m=App&c=Car&a=getlist&ci={$Think.session.ci}&pl={$Think.session.mycity}&pa=0&ma=20&or=d&se=大众POLO">大众POLO</a>
        </li>
        <li>
            <a href="/index.php?m=App&c=Car&a=getlist&ci={$Think.session.ci}&pl={$Think.session.mycity}&pa=0&ma=20&or=d&se=科鲁兹">科鲁兹</a>
        </li>
    </ul>
</div>
<!-- search end -->

<button id="totop" class="totop"></button>

<!-- sort start -->
<div id="sort" class="list-popup">
    <ul class="sort">
        <li><a class="sort-item1 <if condition="$or eq 'd' ">active</if>" href="/index.php?m=App&c=Index&a=getlist&pa=0&ma=20&or=d&ci={$Think.session.ci}&pl={$Think.session.mycity}&ke={$ke}&br={$br}&se={$se}&pr={$pr}&mo={$mo}&ta={$ta}&ag={$ag}&lo={$lo}&di={$di}&en={$en}&oi={$oi}&con={$con}">智能排序</a></li>
        <li><a class="sort-item2 <if condition="$or eq 'n' "> active</if>" href="/index.php?m=App&c=Index&a=getlist&pa=0&ma=20&or=n&ci={$Think.session.ci}&pl={$Think.session.mycity}&ke={$ke}&br={$br}&se={$se}&pr={$pr}&mo={$mo}&ta={$ta}&ag={$ag}&lo={$lo}&di={$di}&en={$en}&oi={$oi}&con={$con}">最新上架</a></li>
        <li><a class="sort-item3 <if condition="$or eq 'pa' "> active</if>" href="/index.php?m=App&c=Index&a=getlist&pa=0&ma=20&or=pa&ci={$Think.session.ci}&pl={$Think.session.mycity}&ke={$ke}&br={$br}&se={$se}&pr={$pr}&mo={$mo}&ta={$ta}&ag={$ag}&lo={$lo}&di={$di}&en={$en}&oi={$oi}&con={$con}">价格最低</a></li>
        <li><a class="sort-item4 <if condition="$or eq 'pd' "> active</if>" href="/index.php?m=App&c=Index&a=getlist&pa=0&ma=20&or=pd&ci={$Think.session.ci}&pl={$Think.session.mycity}&ke={$ke}&br={$br}&se={$se}&pr={$pr}&mo={$mo}&ta={$ta}&ag={$ag}&lo={$lo}&di={$di}&en={$en}&oi={$oi}&con={$con}">价格最高</a></li>
        <li><a class="sort-item5 <if condition="$or eq 'a' "> active</if>" href="/index.php?m=App&c=Index&a=getlist&pa=0&ma=20&or=a&ci={$Think.session.ci}&pl={$Think.session.mycity}&ke={$ke}&br={$br}&se={$se}&pr={$pr}&mo={$mo}&ta={$ta}&ag={$ag}&lo={$lo}&di={$di}&en={$en}&oi={$oi}&con={$con}">车龄最短</a></li>
        <li><a class="sort-item6 <if condition="$or eq 'l' "> active</if>" href="/index.php?m=App&c=Index&a=getlist&pa=0&ma=20&or=l&ci={$Think.session.ci}&pl={$Think.session.mycity}&ke={$ke}&br={$br}&se={$se}&pr={$pr}&mo={$mo}&ta={$ta}&ag={$ag}&lo={$lo}&di={$di}&en={$en}&oi={$oi}&con={$con}">里程最少</a></li>
    </ul>
</div>
<!-- sort end -->
<!-- price start -->
<div id="price" class="list-popup">
    <ul class="price clearfix">
        <li><a href="javascript:jumpUrl('','pr','');">不限</a></li>
        <li><a href="javascript:jumpUrl('','pr','<3');">3万以下</a></li>
        <li><a href="javascript:jumpUrl('','pr','3-5');">3-5万</a></li>
        <li><a href="javascript:jumpUrl('','pr','5-7');">5-7万</a></li>
        <li><a href="javascript:jumpUrl('','pr','7-9');">7-9万</a></li>
        <li><a href="javascript:jumpUrl('','pr','9-12');">9-12万</a></li>
        <li><a href="javascript:jumpUrl('','pr','12-16');">12-16万</a></li>
        <li><a href="javascript:jumpUrl('','pr','16-20');">16-20万</a></li>
        <li><a href="javascript:jumpUrl('','pr','>20');">20万以上</a></li>
    </ul>
    <div class="price-range-title clearfix">
        <p>自定义价格</p>
        <span>（单位: 万）</span>
        <a href="javascript:jumpUrl('','pr', $('#price-cur').attr('curvalue'));">确定</a>
    </div>
    <div class="nstSliderWrap">
        <div id="price-slider" class="nstSlider" data-range_min="0" data-range_max="50" data-cur_min="0" data-cur_max="50">
             <div id="price-bar" class="bar">
                <p id="price-cur" curvalue="" class="nstSliderLabel"></p>
             </div>
             <div id="price-leftGrip" class="leftGrip"></div>
             <div id="price-rightGrip" class="rightGrip"></div>
        </div>
        <span class="nstSliderZero">0</span>
        <ul class="nstSliderAxis">
            <li></li>
            <li>10</li>
            <li></li>
            <li>20</li>
            <li></li>
            <li>30</li>
            <li></li>
            <li>40</li>
            <li></li>
            <li>不限</li>
        </ul>
    </div>
</div>
<!-- price end -->
</body>

</html>